/**
 * shuang
 */

import React,{Component}from 'react';
import{Platform,
  View,
  Text,
  ScrollView,
  Image,
  Dimensions,
  StyleSheet,
  AppRegistry, TouchableOpacity,
  SectionList,} from 'react-native';

const screenWidth = Dimensions.get('window').width;
export default class MyPostAndComments extends Component{

    constructor(props) {
    super(props);
  }

  render() {
    
    return (
        <View>
       <ScrollView  backgroundColor='#fff' style = {{paddingTop:20, height:200}}  >

        <View style ={styles.container}>
            <View style ={styles.oneView}>
              <Image source = {require('./picImages/tu-3.png')} style = {{ width: scaleSizeToFit(50), height: scaleSizeToFit(50) }} />
            </View>
            <View style = {styles.twoView}>
              <Text style={{fontSize:15}}>今年的世界杯在哪里？</Text>
              <Text style={{fontSize:13}}>期待</Text>
            </View>
            
          </View>
          <View backgroundColor = '#fff' style = {{height:20,//width:screenWidth/2,left:screenWidth/2
          }}
           flexDirection= 'row'>
          <View style={styles.threeView} flexDirection= 'row' >
            </View>
             <View style={{left:0}} flexDirection= 'row' >
              <Image source = {require('./picImages/my_post_yuedu.png')} style = {{ width: scaleSizeToFit(10), height: scaleSizeToFit(10) ,top:3}} />
              <Text style={styles.fourView}>{178}</Text>
            </View>
             <View style={{left:10}} flexDirection= 'row' >
              <Image source = {require('./picImages/my_shijian.png')} style = {{ width: scaleSizeToFit(10), height: scaleSizeToFit(10) ,top:3}} />
              <Text style={styles.fourView}>2018-06-04 10:28:08</Text>
            </View>
          </View>
        </ScrollView>
        </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
     height:60,
     backgroundColor:'#fff',

  },
  oneView: {
    left:10,
    top:10,
  },
  twoView: {
   left:20,
   top:10,
    width:screenWidth - 70,
    height:40,
  },
  threeView: {

    width:screenWidth/2,
    left:screenWidth/2
  },
  fourView: {
    left:3,
    fontSize: 10,
  },container1: {
   backgroundColor:'#fff',
height:70,

  },
  topImgWid:{
    top:10,
    left:10,
    borderRadius:25,//圆角处理
    width: 50,
     height: 50 ,
  },

  textWid:{
    top:10,
    left:20,
    height:25,
    fontSize:15,
    color:'#3C4959',
  },
});


// skip this line if using Create React Native App
// AppRegistry.registerComponent('AwesomeProject', () => SectionListBasics);

const scaleSizeToFit = (s) => {
   return s * Dimensions.get('window').width / 414;
 }